import Vue from 'vue'
import App from './App.vue'

// 1.引入Element
// import Element from 'element-ui'
// import 'element-ui/lib/theme-chalk/index.css'
// 2.use注册组件，全局配置对象，支持size和zIndex,默认2000
// Vue.use(Element{ size: 'small', zIndex: 3000})

import element from './element/index'
Vue.use(element)
/* 一般都将其抽离封装，否则main.js体量太大。将直接引入并注册
// 1.首先，安装 babel-plugin-component：
// 2.引入并注册组件;使用use方法注册，use多用于注册插件并且需要再new Vue前使用，或是使用component方法注册，component多用于注册全局组件,第一个参数为使用的标签名，第二个参数是将要注册的Vue组件;
     全局对象配置，支持size和zIndex, 默认2000
import { Button, Select } from 'element-ui'

// Vue.use(Button)
// Vue.use(Select)
Vue.component('yinBtu', Button)
Vue.component('yinSel', Select)

Vue.prototype.$ELEMENT = { size: 'small', zIndex: 3000 }
*/

// 改变scss变量
import './element-variables.scss'

// 

Vue.config.productionTip = false

new Vue({
  render: h => h(App)
}).$mount('#app')
